@import "tools.less";
.toBlock(@width:0px,@height:0px){ 
    display: block;
    width: @width;
    height: @height;
}
.dialog{
    background: rgba(255, 255, 255, 0.4);
    border-radius: 1rem;
    width: 30rem;
    height: 25rem;
    box-shadow: 0 0 5px grey;
    padding: 1rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    margin: -12.5rem 0 0 -15rem;
    .close-btn{
        .toBlock(2rem,2rem);
        border-radius: 50%;
        border-color: orange;
        .relative(26rem,0);
    }
    input{
        box-sizing: border-box;
        .toBlock(20rem,3rem);
        outline: 0 none;
        border-color: orange;
        padding: 0 1rem;
        margin: 1rem auto;
        border-radius: 0.5rem;
        color: orange;
    }
    .btn{
        .toBlock(10rem,3rem);
        .center(3rem);
        color: orange;
        border-color: orange;
        border-radius: 0.5rem;
    }
}